<!--<!doctype html>-->
<!--<html lang="en">-->

<!--<head>-->
<!--    &lt;!&ndash; Required meta tags &ndash;&gt;-->
<!--    <meta charset="utf-8">-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">-->

<!--    &lt;!&ndash; Bootstrap CSS &ndash;&gt;-->
<!--    <link rel="stylesheet" href="bootstrap-4.2.1.min.css">-->

<!--    &lt;!&ndash; Optional JavaScript &ndash;&gt;-->
<!--    &lt;!&ndash; jQuery first, then Popper.js, then Bootstrap JS &ndash;&gt;-->
<!--    <script src="jquery-3.3.1.slim.min.js"></script>-->
<!--    <script src="popper-1.14.6.min.js"></script>-->
<!--    <script src="bootstrap-4.2.1.min.js"></script>-->


<!--    <script type="text/javascript">-->
<!--        window.addEventListener('resize', function () {-->
<!--            if (ws !== undefined && ws !== null) {-->
<!--                let terminalSize = getTerminalSize();-->
<!--                ws.send(JSON.stringify({action: 'resize', cols: terminalSize.cols, rows: terminalSize.rows}));-->
<!--                xterm.resize(terminalSize.cols, terminalSize.rows);-->
<!--            }-->
<!--        });-->
<!--    </script>-->

<!--    <link href="xterm.css" rel="stylesheet"/>-->
<!--    <link href="main.css" rel="stylesheet"/>-->
<!--    <script src="xterm.js" type="text/javascript"></script>-->
<!--    <script src="web-console.js"></script>-->
<!--    <title>Arthas Console</title>-->
<!--</head>-->

<!--<body>-->
<!--<nav class="navbar navbar-expand navbar-light bg-light flex-column flex-md-row bd-navbar">-->
<!--    <a href="https://github.com/alibaba/arthas" target="_blank" title="" class="navbar-brand"><img src="logo.png"-->
<!--                                                                                                   alt="Arthas"-->
<!--                                                                                                   title="Welcome to Arthas web console"-->
<!--                                                                                                   style="height: 25px;"-->
<!--                                                                                                   class="img-responsive"></a>-->

<!--    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"-->
<!--            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">-->
<!--        <span class="navbar-toggler-icon"></span>-->
<!--    </button>-->

<!--    <div class="collapse navbar-collapse" id="navbarSupportedContent">-->
<!--        <ul class="navbar-nav mr-auto">-->
<!--            <li class="nav-item active">-->
<!--                <a class="nav-link" href="https://arthas.aliyun.com/doc" target="_blank">Documentation-->
<!--                    <span class="sr-only">(current)</span></a>-->
<!--            </li>-->
<!--            <li class="nav-item">-->
<!--                <a class="nav-link" href="https://arthas.aliyun.com/doc/arthas-tutorials.html" target="_blank">Online-->
<!--                    Tutorials</a>-->
<!--            </li>-->
<!--            <li class="nav-item">-->
<!--                <a class="nav-link" href="https://github.com/alibaba/arthas" target="_blank">Github</a>-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->

<!--    <form class="form-inline my-2 my-lg-0">-->
<!--        <div class="col">-->
<!--            <div class="input-group ">-->
<!--                <div class="input-group-prepend">-->
<!--                    <span class="input-group-text" id="ip-addon">IP</span>-->
<!--                </div>-->
<!--                <input value="127.0.0.1" v-model="ip" type="text" class="form-control" name="ip" id="ip"-->
<!--                       placeholder="please enter ip address" aria-label="ip" aria-describedby="ip-addon">-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="col">-->
<!--            <div class="input-group ">-->
<!--                <div class="input-group-prepend">-->
<!--                    <span class="input-group-text" id="port-addon">Port</span>-->
<!--                </div>-->
<!--                <input value="7777" v-model="port" type="text" class="form-control" name="port" id="port"-->
<!--                       placeholder="please enter port" aria-label="port" aria-describedby="port-addon">-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="col">-->
<!--            <div class="input-group ">-->
<!--                <div class="input-group-prepend">-->
<!--                    <span class="input-group-text" id="agentId-addon">AgentId</span>-->
<!--                </div>-->
<!--                <input value="" v-model="agentId" type="text" class="form-control" name="agentId" id="agentId"-->
<!--                       placeholder="please enter agentId" aria-label="agentId" aria-describedby="agentId-addon">-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="col-inline">-->
<!--            <button title="connect" type="button" class="btn btn-info form-control" onclick="startConnect()">Connect-->
<!--            </button>-->
<!--            <button title="disconnect" type="button" class="btn btn-info form-control" onclick="disconnect()">-->
<!--                Disconnect-->
<!--            </button>-->
<!--            <a id="arthasOutputA" target="_blank" href="arthas-output/" class="btn btn-info" role="button"-->
<!--               onclick="updateArthasOutputLink()">Arthas Output</a>-->
<!--        </div>-->

<!--    </form>-->

<!--</nav>-->

<!--<div class="container-fluid px-0">-->
<!--    <div class="col px-0" id="terminal-card">-->
<!--        <div id="terminal"></div>-->
<!--    </div>-->
<!--</div>-->

<!--<div title="fullscreen" id="fullSc" class="fullSc">-->
<!--    <button id="fullScBtn" onclick="xtermFullScreen()"><img src="fullsc.png"></button>-->
<!--</div>-->
<!--</body>-->

<!--</html>-->